
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="assets/ico/favicon.ico" type="image/x-icon" />
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/jquery.mmenu.css" rel="stylesheet">
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">
    <link href="assets/plugins/jquery-ui/css/jquery-ui-1.10.4.min.css" rel="stylesheet">
    <link href="assets/css/style.min.css" rel="stylesheet">
    <link href="assets/css/add-ons.min.css" rel="stylesheet">
    <title>JSP Page</title>
</head>
<body>

<div class="row">
    <div class="col-lg-10">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h2><i class="fa fa-table red"></i><span class="break"></span><strong>部门信息</strong></h2>
                <div class="panel-actions">
                    <a href="table.html#" class="btn-setting"><i class="fa fa-rotate-right"></i></a>
                    <a href="table.html#" class="btn-minimize"><i class="fa fa-chevron-up"></i></a>
                    <a href="table.html#" class="btn-close"><i class="fa fa-times"></i></a>
                </div>
            </div>
            <div class="panel-body">
                <table class="table">
                    <thead>
                    <tr>
                        <th>Employe</th>
                        <th>Position</th>
                        <th>Salary</th>
                        <th>Status</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>Willson</td>
                        <td>Developer</td>
                        <td>2563$</td>
                        <td>
                            <span class="label label-success">Active</span>
                        </td>
                    </tr>
                    <tr>
                        <td>James</td>
                        <td>SEO</td>
                        <td>5000$</td>
                        <td>
                            <span class="label label-danger">Banned</span>
                        </td>
                    </tr>
                    <tr>
                        <td>Steven</td>
                        <td>Photographer</td>
                        <td>1269$</td>
                        <td>
                            <span class="label label-default">Inactive</span>
                        </td>
                    </tr>
                    <tr>
                        <td>Aselay</td>
                        <td>Project manger</td>
                        <td>6253$</td>
                        <td>
                            <span class="label label-warning">Pending</span>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <ul class="pagination">
                    <li><a href="table.html#">Prev</a></li>
                    <li class="active">
                        <a href="table.html#">1</a>
                    </li>
                    <li><a href="table.html#">2</a></li>
                    <li><a href="table.html#">3</a></li>
                    <li><a href="table.html#">4</a></li>
                    <li><a href="table.html#">5</a></li>
                    <li><a href="table.html#">Next</a></li>
                </ul>
            </div>
        </div>

    </div><!--/col-->

</div><!--/row-->
</body>
</html>